<template>
  <back-btn></back-btn>
  <div id="app">
    <h2>当前鼠标点击坐标</h2>
    <h2>x轴: {{ x }} px</h2>
    <h2>y轴: {{ y }} px</h2>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import useMousePosition from "../hooks/UsePosition";

export default defineComponent({
  setup() {
    const { x, y } = useMousePosition();

    return { x, y };
  },
});
</script>

<style scoped></style>
